.box {
  color: #ccc;
  height: 600;
  width: 400px;
  background-color: red; }
  .box .inner {
    height: 300;
    width: 200px;
    background-color: azure; }
    .box .inner:hover {
      background-color: rebeccapurple; }

.box::before {
  content: '234234234'; }

/**
 * box:box
 */
.box {
  background-color: black; }

.box3 {
  color: red; }

.box3 {
  color: red; }

.box4 {
  color: red; }

.each1 {
  color: pink; }

.each8 {
  color: pink; }

.each9 {
  color: pink; }

.each6 {
  color: pink; }

.each5 {
  color: pink; }

.while4 {
  color: red; }

.while3 {
  color: red; }

.while2 {
  color: red; }

.while1 {
  color: red; }

.while0 {
  color: red; }

.common {
  color: pink; }

.yes {
  color: red; }

.mixin {
  color: yellow; }
